﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>货比三家您的私人导购</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="icon" href="/static/hbsjimg.png" type="img/x-ico" />
    <meta name="keywords" content="货比三家,导购,网购,网络导购,hbsj,漫鸽,货比三家网,信息分类" />
    <meta name="description" content="货比三家是购物分享网站,商品信息分享网站" />

    <!-- 引入css样式 -->
    <link href="{{ url_for('static', filename='css/fenlei/swiper-3.2.5.min.css') }}" rel="stylesheet">
    <link href="{{ url_for('static', filename='css/index.css') }}" rel="stylesheet">
    <link href="{{ url_for('static', filename='bootstrap/css/bootstrap.css') }}" rel="stylesheet">
    <link href="{{ url_for('static', filename='font-awesome-4.7.0/css/font-awesome.css') }}" rel="stylesheet">
    <link href="{{ url_for('static', filename='css/fenlei/ectouch.css') }}" rel="stylesheet">
    <link href="{{ url_for('static', filename='css/fenlei/search.css') }}" rel="stylesheet">
    

</head>
<body style="max-width:640px;font-size: 14px;">
<div id="loading"><img src="images/loading.gif" /></div>
<div class="con" style="margin-top: -15px;">
  <div class="category-top" >
    <header>
      <section class="search" style="background: #dce2ec;height: 50px;">

        <a onclick="window.history.back();" >
        <span style="float: left;margin-left: 3%;margin-top: 8px;font-size: 28px;color: #000;">
          <i class="fa fa-chevron-left">
          </i>
        </span>
      </a>

        <div class="text-all dis-box j-text-all" style="width: 80%;float: right;margin-top: -5px;">
          <div class="box-flex input-text"  style="height: 30px;width: 80%;"> 
            <a class="a-search-input j-search-input" href="javascript:void(0)" style="height: 30px;width: 100%;">
              
            </a>
            <input type="text" placeholder="请输入您想搜索的商品" style="height: 30px;width: 80%;" />  
            <i class="iconfont icon-guanbi is-null j-is-null"></i> </div>
        </div>
      </section>
    </header>
  </div>


  <aside>
    <div class="menu-left scrollbar-none" id="sidebar" style="margin-top: -15px;">
      <ul>
        <li  class="active">鞋/箱包</li>
        <li >珠宝首饰/手表眼镜</li>
        <li >美妆护肤</li>
        <li >家用电器</li>
        <li >居家生活</li>
        <li >家具建材</li>
        <li >食品/医药保健</li>
        <li >图书音像</li>
        <li >手机/数码</li>
        <li >女装</li>
        <li >男装</li>
        <li >母婴用品</li>
        <li >全新整车/车品</li>
      </ul>
    </div>
  </aside>
  <section class="menu-right padding-all j-content">
    <h5>鞋/箱包</h5>
    <ul>
      <li class="w-3"><a href="#"></a> <img src="http://t10.baidu.com/it/u=2158941138,3121264723&fm=173&app=25&f=JPEG?w=640&h=640&s=99087D32414B574D48F4F4D40300C0B3" /><span>时尚女鞋</span></li>
      <li class="w-3"><a href="#"></a> <img src="http://img14.360buyimg.com/n2/jfs/t1/40226/17/4260/65806/5cc824a5Ea19f70b9/fe647720ae811b01.jpg" /><span>坡跟凉鞋</span></li>
      <li class="w-3"><a href="#"></a> <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1560697805905&di=2a4d7cc788a6c2af8c0b00d7aad74e8f&imgtype=0&src=http%3A%2F%2Fimg.alicdn.com%2Fimgextra%2Fi4%2F268385800%2FTB2Z8c1jHtlpuFjSspoXXbcDpXa_%2521%2521268385800.jpg" /><span>平底凉鞋</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>高跟凉鞋</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>坡跟凉拖</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>平底单鞋</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>人字拖</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>国际潮牌</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>商场同款</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>国内知名</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>流行男鞋</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>休闲鞋</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>凉鞋</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>拖鞋</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>帆布鞋</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>沙滩鞋</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>板鞋</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>夏季新品</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>专柜同款</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>潮流女包</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>真皮女包</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>女士钱包</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>女双肩包</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>真皮男包</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>斜挎男包</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>男双肩包</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>旅行箱</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>限量奢品</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>真皮皮带</span></li>
    </ul>
  </section>
  <section class="menu-right padding-all j-content" style="display:none">
    <h5>珠宝首饰/手表眼镜</h5>
    <ul>
      <li class="w-3"><a href="#"></a> <img style="width: 50px;height: 50px;" src="http://hbsj.xyz/h5/fenlei_img/珠宝.jpg" /><span>珠宝</span></li>
      <li class="w-3"><a href="#"></a> <img style="width: 50px;height: 50px;" src="http://hbsj.xyz/h5/fenlei_img/饰品.jpg" /><span>饰品</span></li>
      <li class="w-3"><a href="#"></a> <img style="width: 50px;height: 50px;" src="http://hbsj.xyz/h5/fenlei_img/黄金.jpg" /><span>黄金</span></li>
      <li class="w-3"><a href="#"></a> <img style="width: 50px;height: 50px;" src="http://hbsj.xyz/h5/fenlei_img/手链.jpg" /><span>手链</span></li>
      <li class="w-3"><a href="#"></a> <img style="width: 50px;height: 50px;" src="http://hbsj.xyz/h5/fenlei_img/钻石.jpg" /><span>钻石</span></li>
      <li class="w-3"><a href="#"></a> <img style="width: 50px;height: 50px;" src="http://hbsj.xyz/h5/images/fenlei_img/项链.jpg" /><span>项链</span></li>
      <li class="w-3"><a href="#"></a> <img style="width: 50px;height: 50px;" src="http://hbsj.xyz/h5/images/fenlei_img/珍珠.jpg" /><span>珍珠</span></li>
      <li class="w-3"><a href="#"></a> <img style="width: 50px;height: 50px;" src="http://hbsj.xyz/h5/images/fenlei_img/手镯.jpg" /><span>手镯</span></li>
      <li class="w-3"><a href="#"></a> <img style="width: 50px;height: 50px;" src="http://hbsj.xyz/h5/images/fenlei_img/翡翠.jpg" /><span>翡翠</span></li>
      <li class="w-3"><a href="#"></a> <img style="width: 50px;height: 50px;" src="http://hbsj.xyz/h5/images/fenlei_img/发饰.jpg" /><span>发饰</span></li>
      <li class="w-3"><a href="#"></a> <img style="width: 50px;height: 50px;" src="http://hbsj.xyz/h5/images/fenlei_img/彩宝.jpg" /><span>彩宝</span></li>
      <li class="w-3"><a href="#"></a> <img style="width: 50px;height: 50px;" src="http://hbsj.xyz/h5/images/fenlei_img/项坠.jpg" /><span>项坠</span></li>
      <li class="w-3"><a href="#"></a> <img style="width: 50px;height: 50px;" src="http://hbsj.xyz/h5/images/fenlei_img/玉石.jpg" /><span>玉石</span></li>
      <li class="w-3"><a href="#"></a> <img style="width: 50px;height: 50px;" src="http://hbsj.xyz/h5/images/fenlei_img/戒指.jpg" /><span>戒指</span></li>
      <li class="w-3"><a href="#"></a> <img style="width: 50px;height: 50px;" src="http://hbsj.xyz/h5/images/fenlei_img/铂金.jpg" /><span>铂金</span></li>
      <li class="w-3"><a href="#"></a> <img style="width: 50px;height: 50px;" src="http://hbsj.xyz/h5/images/fenlei_img/耳饰.jpg" /><span>耳饰</span></li>
      <li class="w-3"><a href="#"></a> <img style="width: 50px;height: 50px;" src="http://hbsj.xyz/h5/images/fenlei_img/男表.jpg" /><span>男表</span></li>
      <li class="w-3"><a href="#"></a> <img style="width: 50px;height: 50px;" src="http://hbsj.xyz/h5/images/fenlei_img/太阳镜.jpg" /><span>太阳镜</span></li>
      <li class="w-3"><a href="#"></a> <img style="width: 50px;height: 50px;" src="http://hbsj.xyz/h5/images/fenlei_img/女表.jpg" /><span>女表</span></li>
      <li class="w-3"><a href="#"></a> <img style="width: 50px;height: 50px;" src="http://hbsj.xyz/h5/images/fenlei_img/炫彩反光.jpg" /><span>炫彩反光</span></li>
      <li class="w-3"><a href="#"></a> <img style="width: 50px;height: 50px;" src="http://hbsj.xyz/h5/images/fenlei_img/情侣表.jpg" /><span>情侣表</span></li>
      <li class="w-3"><a href="#"></a> <img style="width: 50px;height: 50px;" src="http://hbsj.xyz/h5/images/fenlei_img/近视墨镜.jpg" /><span>近视墨镜</span></li>
      <li class="w-3"><a href="#"></a> <img style="width: 50px;height: 50px;" src="http://hbsj.xyz/h5/images/fenlei_img/防水表.jpg" /><span>防水表</span></li>
      <li class="w-3"><a href="#"></a> <img style="width: 50px;height: 50px;" src="http://hbsj.xyz/h5/images/fenlei_img/蛤蟆镜.jpg" /><span>蛤蟆镜</span></li>
      <li class="w-3"><a href="#"></a> <img style="width: 50px;height: 50px;" src="http://hbsj.xyz/h5/images/fenlei_img/机械表.jpg" /><span>机械表</span></li>
      <li class="w-3"><a href="#"></a> <img style="width: 50px;height: 50px;" src="http://hbsj.xyz/h5/images/fenlei_img/框架眼镜.jpg" /><span>框架眼镜</span></li>
      <li class="w-3"><a href="#"></a> <img style="width: 50px;height: 50px;" src="http://hbsj.xyz/h5/images/fenlei_img/运动表.jpg" /><span>运动表</span></li>
      <li class="w-3"><a href="#"></a> <img style="width: 50px;height: 50px;" src="http://hbsj.xyz/h5/images/fenlei_img/ZIPPO.jpg" /><span>ZIPPO</span></li>
      <li class="w-3"><a href="#"></a> <img style="width: 50px;height: 50px;" src="http://hbsj.xyz/h5/images/fenlei_img/时装表.jpg" /><span>时装表</span></li>
      <li class="w-3"><a href="#"></a> <img style="width: 50px;height: 50px;" src="http://hbsj.xyz/h5/images/fenlei_img/打火机.jpg" /><span>打火机</span></li>
      <li class="w-3"><a href="#"></a> <img style="width: 50px;height: 50px;" style="width: 50px;height: 50px;" src="/static/images/fenlei_img/陶瓷表.jpg" /><span>陶瓷表</span></li>
      <li class="w-3"><a href="#"></a> <img style="width: 50px;height: 50px;" src="http://hbsj.xyz/h5//images/fenlei_img/瑞士军刀.jpg" /><span>瑞士军刀</span></li>
    </ul>
  </section>
  <section class="menu-right padding-all j-content" style="display:none">
    <h5>美妆护肤</h5>
    <ul>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>官方直售</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>护肤套装</span></li>
    <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>面膜</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>乳液面霜</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>身体护理</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>化妆水</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>防晒</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>洁面</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>精油芳疗</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>面部精华</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>眼霜</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>男士护理</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>卸妆</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>时尚彩妆</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>BB霜</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>香水</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>隔离霜</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>睫毛膏</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>唇膏口红</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>粉饼</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>美容工具</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>洗发护发</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>沐浴露</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>假发</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>染发烫发</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>卫生巾</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>牙膏</span></li>
    </ul>
  </section>
  <section class="menu-right padding-all j-content" style="display:none">
    <h5>家用电器</h5>
    <ul>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>冰箱</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>空调</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>洗衣机</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>平板电视</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>热水器</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>家庭影院</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>消毒柜</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>烟灶套装</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>电风扇</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>榨汁机</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>空调扇</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>料理机</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>豆浆机</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>电压力锅</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>电烤箱</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>电饭煲</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>挂烫机</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>电热水壶</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>净水器</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>剃须刀</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>扫地机</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>电吹风</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>吸尘器</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>家用氧吧</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>空气净化</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>按摩椅</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>除湿器</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>按摩靠垫</span></li>
    </ul>
  </section>
  <section class="menu-right padding-all j-content" style="display:none">
    <h5>居家生活</h5>
    <ul>
     <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>炒锅</span></li>
     <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>置物架</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>杯子</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>瓷器套装</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>紫砂壶</span></li>
     <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>刀具</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>保鲜盒</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>收纳</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>拖把</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>衣架</span></li>
       <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>晾衣架</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>垃圾桶</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>梳子</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>防蚊贴</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>降温神器</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>晴雨伞</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>灭蚊灯</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>创意礼品</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>缝纫机</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>钟</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>狗狗主粮</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>纸巾</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>水族世界</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>洗衣液</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>宠物用品</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>清洁剂</span></li>
    </ul>
  </section>
  <section class="menu-right padding-all j-content" style="display:none">
    <h5>家具建材</h5>
    <ul>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>灯具</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>柜类</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>卫浴</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>沙发</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>开关插座</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>床类</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>壁纸</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>桌类</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>地板</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>坐具</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>厨房</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>0元分期</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>架类</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>门类</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>书房</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>浴霸</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>几类</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>安防监控</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>案台</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>五金工具</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>玄关</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>瓷砖</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>办公家具</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>集成吊顶</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>户外家具</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>油漆</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>成套家具</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>镜子类</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>装修</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>设计</span></li>
    </ul>
  </section>
  <section class="menu-right padding-all j-content" style="display:none">
    <h5>食品/医药保健</h5>
    <ul>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>肠胃用药</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>肝胆用药</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>腰腿疼痛</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>狐臭腋臭</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>心脑血管</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>生发脱发</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>皮肤用药</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>脚气脚臭</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>减肥瘦身</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>补肾壮阳</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>补气补血</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>免疫调节</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>补益安神</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>调养脾胃</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>滋补养生</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>美容养颜</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>成人用品</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>隐形眼镜</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>男用延时</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>血压计</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>女用情趣</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>血糖仪</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>按摩器材</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>保健理疗</span></li>
    </ul>
  </section>
  <section class="menu-right padding-all j-content" style="display:none">
    <h5>图书音像</h5>
    <ul>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>小说</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>文学</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>言情</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>科幻</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>悬疑</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>传记</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>历史</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>动漫</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>童书</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>育儿</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>绘本</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>孕期</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>生活</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>旅行</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>美食</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>社科</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>哲学</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>经济</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>财经</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>管理</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>励志</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>考试</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>音像</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>杂志</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>马尔克斯</span></li>
    </ul>
  </section>
  <section class="menu-right padding-all j-content" style="display:none">
    <h5>手机/数码</h5>
    <ul>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>天猫分期</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>三星盖世</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>大屏手机</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>华为荣耀</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>热卖新机</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>酷派大神</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>4G手机</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>双卡双待</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>DIY电脑</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>笔记本</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>显示器</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>平板电脑</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>电教文具</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>路由器</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>投影仪</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>打印机</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>电脑硬件</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>自拍神器</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>U盘</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>单反</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>高清盒子</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>苹果配件</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>tf卡</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>移动电源</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>耳机耳麦</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>移动硬盘</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>音箱音响</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>小米手机</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>iPhone</span></li>
    </ul>
  </section>
  <section class="menu-right padding-all j-content" style="display:none">
    <h5>女装</h5>
    <ul>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>真丝裙</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>休闲裤</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>蕾丝衫</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>热裤</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>休闲套装</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>衬衫</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>半身裙</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>七分裤</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>牛仔裤</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>雪纺裙裤</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>商场同款</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>文胸</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>夏季睡衣</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>内裤</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>连衣裙</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>T恤</span></li>
    </ul>
  </section>
  <section class="menu-right padding-all j-content" style="display:none">
    <h5>男装</h5>
    <ul>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>男装集结</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>百搭T恤</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>牛仔裤</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>条纹T恤</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>亚麻T恤</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>印花T恤</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>丝光棉T</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>休闲裤</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>棉麻裤</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>七分裤</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>九分裤</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>新POLO</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>短袖衬衫</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>亚麻衬衫</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>格纹衬衫</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>牛仔衬衫</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>背心</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>运动鞋</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>运动服</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>帆布鞋</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>跑步鞋</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>运动T恤</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>运动短裤</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>垂钓用品</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>户外服装</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>健身用品</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>骑行运动</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>登山包</span></li>
    </ul>
  </section>
  <section class="menu-right padding-all j-content" style="display:none">
    <h5>母婴用品</h5>
    <ul>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>孕妇装</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>孕妇洗护</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>防辐射</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>产后用品</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>内衣裤</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>奶粉</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>辅食</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>纸尿裤</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>凉席睡袋</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>奶瓶奶嘴</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>喂养小电</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>澡盆洗护</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>婴儿床</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>安全座椅</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>玩具</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>婴儿玩具</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>幼儿玩具</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>早教益智</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>男孩玩具</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>女孩玩具</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>童车学步</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>潮流动漫</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>婴幼儿服</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>儿童内衣</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>童装</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>童鞋</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>T恤</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>连衣裙</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>亲子装</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>凉鞋</span></li>
    </ul>
  </section>
  <section class="menu-right padding-all j-content" style="display:none">
    <h5>全新整车/车品</h5>
    <ul>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>汽车节</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>日系新车</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>法系新车</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>自主品牌</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>德系新车</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>美系新车</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>夏季座垫</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>脚垫</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>座套</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>0元分期</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>洗车机</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>贴膜</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>车蜡</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>儿童座椅</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>dvd导航</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>安全预警</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>净化器</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>行车记录</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>胎压监测</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>充气泵</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>车载冰箱</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>机油</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>滤芯器</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>火花塞</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>升级灯泡</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>轮胎</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>刹车片</span></li>
      <li class="w-3"><a href="#"></a> <img src="images/tp.png" /><span>雨刮</span></li>
    </ul>
  </section>
</div>





<div class="search-div j-search-div ts-3">



  <section class="search" style="background: #dce2ec;height: 50px;">
    <form action="index.php?m=default&c=category&a=index&u=0" method="post">
      <div class="text-all dis-box j-text-all">
        <div class="box-flex input-texts" style="height: 30px;margin-top: -5px;">
          <input id="inputdata" name="inputdata" class="j-input-text" type="text" placeholder="请输入搜索关键词！" style="height: 30px;width: 100%;"  />
          <i class="iconfont icon-guanbi is-null j-is-null"></i> </div>
        <a type="submit" class="btn-submit" style="height: 38px;margin-top: -5px;margin-right: 5px;" onclick="go_query();">搜索</a>
      </div>
    </form>
  </section>


<script type="text/javascript">
      function go_query(){
        var inputdatas = $("#inputdata").val();
        //alert(inputdatas);
          window.location.href="/queryData?keys="+inputdatas;
          $("#gotoQ").append('<img src="http://img.zcool.cn/community/01f0fb5ae9d1a6a801207fa1ba0ff1.gif">');
        
        
      }
    </script>


  <section class="search-con" >
    <div class="swiper-scroll history-search" style="margin-top: -10%;">
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          <br>
  <br>
          <p>
            <label class="fl">热门搜索</label>
          </p>
          <ul class="hot-search a-text-more">
            {% for rsc in rsclist %}
               <li class="w-3"><a href="/queryData?keys={{ rsc }}"><span>{{ rsc }}</span></a></li>
            {% endfor %}

            
          </ul>

          <!--
          <p class="hos-search">
            <label class="fl">最近搜索</label>
            <span class="fr" onclick="javascript:clearHistroy();"><i class="fr"></i></span> 
          </p>
          -->

          <ul class="hot-search a-text-more a-text-one" id="search_histroy">
          </ul>
        </div>
      </div>
      <div class="swiper-scrollbar"></div>
    </div>
  </section>
  <footer class="close-search j-close-search"> 点击关闭 </footer>
</div>

<script type="text/javascript">
//设置cookie
function setCookie(cname, cvalue, exdays) {
    var d = new Date();
    d.setTime(d.getTime() + (exdays*24*60*60*1000));
    var expires = "expires="+d.toUTCString();
    document.cookie = cname + "=" + cvalue + "; " + expires;
}
function clearHistroy(){
	setCookie('ECS[keywords]', '', -1);
	document.getElementById("search_histroy").style.visibility = "hidden";
}
</script> 

<!-- 引入JS -->
<script src="{{ url_for('static', filename='js/fenlei/swiper-3.2.5.min.js') }}" rel="stylesheet"></script>
<script src="{{ url_for('static', filename='js/jquery-3.3.1.min.js') }}" rel="stylesheet"></script>
<script src="{{ url_for('static', filename='js/fenlei/ectouch.js') }}" rel="stylesheet"></script>
<script src="{{ url_for('static', filename='js/fenlei/common.js') }}" rel="stylesheet"></script>


<script type="text/javascript">
	$(function($){
		$('#sidebar ul li').click(function(){
			$(this).addClass('active').siblings('li').removeClass('active');
			var index = $(this).index();
			$('.j-content').eq(index).show().siblings('.j-content').hide();
		})
	})
</script>

</body>
</html>